const utils = {
    // 调用这个函数 给页面追加一个 div .toast 
    // 这里不能使用innerHTML 会覆盖页面上已经有的dom  ？
    // 只能使用appendChild() 
    //@status 提示框的状态  0：成功  1：失败 2：警告  3：等待 gif
    //@message 提示文本
    toast: function (status = 1, message = "操作失败") {
        // 1.创建子节点 
        let div = document.createElement('div');
        //2.添加类名 id 属性
        div.className = 'toast'
        //3.添加内容
        div.innerHTML = `
            <div class="toast-icon">${status == 0 ? '√' : '!'}</div>
            <div class="toast-msg">${message}</div>
        `
        //4.父节点.appChild(子节点)
        document.body.appendChild(div);
        //延时器：remove节点
        setTimeout(function () {
            div.remove();
        }, 2000)
    },

    footer: function (adc) {
        //创建要给div 追加到body标签的后面
        let footer = document.createElement('footer');
        footer.className = 'dpflex';
        footer.innerHTML = `
          <a href="../home.html" style="color:#fff" class="${adc == "home" ? "active" : ""}">
               <div class="footer-item">
                    <i class="iconfont icon-shouye"></i>
                    <p>首页</p>
         </div>
         </a>
         <a href="../course.html" class="${adc == "sports" ? "active" : ""}">
         <div class="footer-item">
         <i class="iconfont icon-yundong"></i>
              <p>运动</p>
        </div>
         </a>
         <a href="../mine.html" class="${adc == "mine" ? "active" : ""}">
         <div class="footer-item">
         <i class="iconfont icon-wode"></i>
              <p>我的</p>
        </div>
         </a>
        `
        //追加body标签的最后
        document.body.appendChild(footer)
    },

    forch(res) {
        let obj = {};
        res = res.slice(1);
        let res1 = res.split("&");
        res1.forEach(function (item) {
           let min = item.split("=");
            obj[min[0]] = min[1];
        })
        return obj;
    }

}



module.exports = utils;

// window.utils = utils;
